<template>
  <div>
    小明的爸爸现在有{{ money }}元
    <h2>不使用sync修改符</h2>
    <!-- Child绑定一个自定义事件 update:money -->
     <!-- <Child :money="money" @update:money="handler"/> -->
     <h2>使用sync修改符</h2>
     <!-- 
       底下的写法:代表两个含义
       第一:父组件给子组件传递props,money = 'money'
       第二:给当前组件绑定一个自定义事件,只不过自定义事件名字 update:money

      -->
     <Child :qian.sync="money" />
    <h2>使用v-model修改符</h2>
    <hr />
  </div>
</template>

<script type="text/ecmascript-6">
import Child from "./Child.vue";
import Child2 from "./Child2.vue";
export default {
  name: "SyncTest",
  data() {
    return {
      money: 10000,
    };
  },
  components: {
    Child,
    Child2,
  },
  methods: {
    //自定义事件回调
    handler(params){
      //修改父亲的钱数
      this.money = params;
    }
  }
};
</script>
